<!DOCTYPE html>
<meta charset="utf-8">
<link rel="match" href="inline_block_centering_ref.html">
<!--
    Tests that the popular inline-block centering technique works.

    See: https://s.codepen.io/shshaw/fullpage/gEiDt?#Inline-Block
-->
<style>
div {
    width: 100px;
}
#a {
    background: blue;
    position: absolute;
    height: 100px;
    top: 0;
    left: 0;
}
#a:after, #b {
    display: inline-block;
    vertical-align: middle;
}
#a:after {
    content: '';
    height: 100%;
}
#b {
    background: green;
    height: 50px;
}
</style>
<div id=a><div id=b>
